<template>
    <div class="edu-page-warp">
        <ConditionCard
            shadow="never"
            body-style="padding: 24px 24px 6px 24px;"
            @search="onSubmit"
            @reset="reset('queryForm')"
        >
            <el-form ref="queryForm" :model="queryForm" label-position="right" label-width="135px">
                <el-row :gutter="24" style="height: 50px;">
                    <el-col :span="8">
                        <el-form-item :label="$t('graduationList.graduationYear') + ':'" prop="graduationDate">
                            <el-input v-model="queryForm.graduationDate" :disabled="true" style="width:100%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item :label="$t('graduationList.auditBatch') + ':'" prop="reviewBatch">
                            <el-select v-model="queryForm.reviewBatch" filterable clearable style="width: 100%">
                                <el-option
                                    v-for="item in options.reviewBatch"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item :label="$t('label.college') + ':'" prop="faculty" >
                            <el-select
                                v-model="queryForm.faculty"
                                style="width: 100%;"
                                :filterable='role != 3' 
                                :clearable='role !=3'
                                @change="getMajorOptions"
                            >
                                <el-option
                                    v-for="item in options.faculty"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item filterable :label="$t('label.major') + ':'" prop="profession">
                            <el-select v-model="queryForm.profession" @change="changeProfession" filterable clearable style="width: 100%">
                                <el-option
                                    v-for="item in options.profession"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item :label="$t('auditStandard.proDirection') + ':'" prop="directionCode">
                            <el-select v-model="queryForm.directionCode" style="width: 100%" filterable clearable>
                              <el-option v-for="item in options.direction" :key="item.key" :label="item.label" :value="item.value">
                              </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item filterable :label="$t('graduationList.machineReviewConclusion') + ':'" prop="machineConclusion">
                            <el-select v-model="queryForm.machineConclusion" style="width: 100%" clearable>
                                <el-option
                                    v-for="item in options.machineConclusion"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item filterable :label="$t('graduationList.collegeAuditConclusion') + ':'" prop="collegeAuditConclusion">
                            <el-select v-model="queryForm.collegeAuditConclusion" style="width: 100%" clearable>
                                <el-option
                                    v-for="item in options.collegeAuditConclusion"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item filterable :label="$t('graduationList.auditResults') + ':'" prop="isConclusionConformity">
                            <el-select v-model="queryForm.isConclusionConformity" style="width: 100%" clearable>
                                <el-option
                                    v-for="item in options.isConclusionConformity"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item filterable :label="$t('graduationList.submissionStatus') + ':'" prop="submit">
                            <el-select v-model="queryForm.submit" style="width: 100%" clearable>
                                <el-option
                                    v-for="item in options.submit"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>                   
                </el-row>
            </el-form>
        </ConditionCard>
        <el-card v-loading="loading" shadow="never" body-style="padding: 24px;" class="card-margin">
            <h1 class="condition-title ">
                {{queryForm.graduationDate}}年{{ $t('graduationList.graduationReviewList') }}
                <template v-if="role == 3">
                    <span  class="title-tips">|</span>
                    <span  class="title-tips" style="color: #ff5151;" v-if="listBatch">当前审核批次：{{listBatch}}</span>
                    <span  class="title-tips" style="color: #ff5151;" v-else>尚未开启审核</span>
                </template>
                </h1>
            <div class="div-main clearfix">   
                <div class="float-left">
                    <el-input
                        v-model="queryForm.name"
                        :placeholder="$t('graduationList.please')"
                        prefix-icon="el-icon-search"
                        @change="handleSearch"
                    />
                </div>
                <div class="float-right">
                    <!-- <el-button  @click="btnSet">
                        {{ $t('graduationList.setMachineReview') }}
                    </el-button> -->
                    <el-button type="primary"  @click="btnSave">
                        {{ $t('graduationList.saveReviewconclusion') }}
                    </el-button>
                    <el-button type="primary"  @click="btnSubmit">
                        {{ $t('graduationList.submitReviewconclusion') }}
                    </el-button>
                    <el-button type="primary"  @click="print('print')">
                        {{ $t('graduationList.btn12') }}
                    </el-button>
                    <el-button type="primary"  @click="print('exportInconsistentData')">
                        {{ $t('graduationList.exportInconsistentData') }}
                    </el-button>
                </div>
            </div>
            <EduTable
                :data="tableData"
                @page-change="handleCurrentChange"
                @selection-change="handleSelectionChange"
                :total="queryForm.total"
                :pageSize="queryForm.pageSize_"
                :page-num="queryForm.pageNum_"
                :orderFixed="fixed"
                :selectFixed="fixed"
                :cellClassName="cellClass"
                class="collage-content"
            >
            <el-table-column :label="$t('graduationList.studentID')" prop="studentId" min-width="70" fixed="left"></el-table-column>
            <el-table-column :label="$t('graduationList.name')" prop="name" fixed="left" min-width="70"></el-table-column>
            <el-table-column :label="$t('graduationList.nameEn')" prop="nameSpelling" min-width="80" show-overflow-tooltip fixed="left"></el-table-column>
            <el-table-column :label="$t('graduationList.machineReviewNotes')" min-width="150">
                <template slot-scope="scope">
                    <div v-html="scope.row.machineRemark"></div>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.details')" min-width="160">
                <template slot-scope="scope">
                    <div v-html="scope.row.machineDetails"></div>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.gradePoint')" prop="scorePoint" width="70"></el-table-column>
            <el-table-column :label="$t('graduationList.machineReviewConclusion')" prop="machineConclusionI18n" width="70"></el-table-column>
            <el-table-column :label="$t('graduationList.graduation')" width="50">
                <template slot-scope="scope">
                    <el-radio :disabled="scope.row.submit == 1" class="radio radio-bg" @change="radioChange(scope.row)" v-model="scope.row.manualConclusion" label="1">&nbsp;
                    </el-radio>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.NotGraduation')" width="50">
                <template slot-scope="scope">
                    <el-radio :disabled="scope.row.submit == 1" class="radio radio-bg" @change="radioChange(scope.row)" v-model="scope.row.manualConclusion" label="2">&nbsp;
                    </el-radio>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.undergraduate')" width="50">
                <template slot-scope="scope">
                    <el-radio :disabled="scope.row.submit == 1" class="radio radio-bg" @change="radioChange(scope.row)" v-model="scope.row.manualConclusion" label="3">&nbsp;
                    </el-radio>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.degreeAwarded')" width="70">
                <template slot-scope="scope">
                    <el-checkbox class="radio-bg" :disabled="scope.row.submit == 1 || scope.row.manualConclusion != 1" v-model="scope.row.directedDegree" true-label="1" false-label="2" :checked="false"></el-checkbox>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.NotThisBatch')" width="70">
                <template slot-scope="scope">
                    <el-radio :disabled="scope.row.submit == 1" class="radio radio-bg" @change="radioChange2(scope.row)" v-model="scope.row.noBathch" label="1">&nbsp;
                    </el-radio>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.mandarinLevel')" width="100">
                <template slot-scope="scope">
                    <el-select v-model="scope.row.chineseProficiency" style="width: 100%;" size="mini" :disabled="scope.row.submit == 1">
                        <el-option
                          v-for="item in options.hskList"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.failingCourse')" prop="noPassCourse" min-width="100"></el-table-column>
            <el-table-column :label="$t('graduationList.auditResults')" prop="isConclusionConformity" width="140">
                <template slot-scope="scope">
                    <span v-if="scope.row.isConclusionConformity == 1" type="success" size="mini">{{ $t("graduationList.consistent") }}</span>
                    <span v-if="scope.row.isConclusionConformity == 2" type="warning" size="mini">{{ $t("graduationList.inconsistent") }}</span>
                </template>
            </el-table-column>
            <!-- <el-table-column :label="$t('graduationList.machineReviewNotes')" width="300">
                <template slot-scope="scope">
                    <div v-html="scope.row.machineRemark"></div>
                </template>
            </el-table-column> -->
            <!-- <el-table-column :label="$t('graduationList.details')" width="300">
                <template slot-scope="scope">
                    <div v-html="scope.row.machineDetails"></div>
                </template>
            </el-table-column> -->
            <!-- <el-table-column :label="$t('graduationList.failingCourse')" prop="noPassCourse" width="240"></el-table-column> -->
            <el-table-column :label="$t('graduationList.remark')" width="260">
                <template slot-scope="scope">
                    <el-input
                        type="textarea"
                        :rows="1"
                        maxlength="400"
                        @blur="saveRemark(scope.row)"
                        :placeholder="$t('graduationList.pleaseInput')"
                        v-model="scope.row.manualRemark">
                    </el-input>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.machineReviewTime')" prop="machineDate" width="155"> </el-table-column>
            <el-table-column :label="$t('label.college')" prop="facultyI18n" min-width="105"></el-table-column>
            <el-table-column :label="$t('label.major')" prop="professionI18n" width="115"></el-table-column>
            <el-table-column :label="$t('graduationList.auditBatch')" >
                <template slot-scope="scope">
                    <span v-if="scope.row.reviewBatchI18n"  size="mini">{{ scope.row.reviewBatchI18n }}</span>
                    <span v-else  size="mini">{{ $t("graduationList.noPending") }}</span>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.submissionStatus')">
                <template slot-scope="scope">
                    <el-tag v-if="scope.row.submit == 1" type="success" size="mini">{{ $t("graduationList.submitted") }}</el-tag>
                    <el-tag v-if="scope.row.submit == 2" type="warning" size="mini">{{ $t("graduationList.returned") }}</el-tag>
                    <!-- <el-tag v-if="scope.row.submit == 3" type="info" size="mini">{{ $t("graduationList.saved") }}</el-tag> -->
                    <el-tag v-if="scope.row.submit == 0 || scope.row.submit == 3" type="danger" size="mini">{{ $t("graduationList.unsubmitted") }}</el-tag>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.machineReviewDetails')">
                <template slot-scope="scope">
                   <el-button v-if="scope.row.machineConclusionI18n" type="text" @click.stop="preview(scope.row)" size="mini">
                       {{ $t("graduationList.previewDetails") }}
                    </el-button>
                </template>
            </el-table-column>
            <el-table-column :label="$t('graduationList.operating')" width="80">
                <template slot-scope="scope">
                    <el-button :disabled="scope.row.submit == 1" type="text" @click="resetRadio(scope.row)" size="mini">
                       {{ $t("graduationList.reset") }}
                    </el-button>
                </template>
            </el-table-column>
            </EduTable>
            <div class="table-position">
                <p style="font-weight: bold; width: 390px;">学生人数：{{studentNo}}&nbsp;&nbsp;<span v-if="studentAuditTip" v-text='studentAuditTip' style="color: #ff5151;"></span><span style="color: #3a7fe8;">&nbsp;与机审结论不一致 {{resultNo}} 人</span></p>
                <p>
                    注意：结果不一致请至[毕业结果不一致说明申请]模块提交不一致说明<br/>
                    提交状态为“已驳回”的审核结论，重新审核后，一定要再次提交审核结论。
                </p>
            </div>
        </el-card>
        <el-dialog
            title="设置机审"
            :visible.sync="showCourseDialog"
            width="40%"
            @close="resetFormValidate()"
            :close-on-click-modal="false"
            :close-on-press-escape="false"
        >
            <div class="title-dialog">
                 <span style="margin-right:8px">|</span>默认毕业设计(论文)通过
            </div>
            <el-form
                ref="mechineForm"
                :model="mechineForm"
                :rules="mechineRules"
                label-width="125px"
                label-position="right"
                size="mini"
                class="bg-white"
            >
                <el-row>
                    <el-col :span="18" :offset='1'>
                        <el-form-item :label="$t('graduationList.graduationYear') + ':'" prop="graduationDate">
                            <el-date-picker
                                v-model="mechineForm.graduationDate"
                                type="year"
                                style="width:100%"
                                value-format="yyyy"
                                @change="getReviewBatch2" 
                                :placeholder="$t('graduationList.pleaseSelect')">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18" :offset='1'>
                         <el-form-item :label="$t('graduationList.auditBatch') + ':'" prop="reviewBatch">
                            <el-select v-model="mechineForm.reviewBatch" style="width: 100%">
                                <el-option
                                    :key="6"
                                    label="全部"
                                    value="6"
                                />
                                <el-option
                                    v-for="item in mechineOptions.reviewBatch"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <el-row>
                <el-col :span="24">
                    <div class="float-right">
                        <el-button @click="cancelDialog">{{ $t('common.btn.cancel') }}</el-button>
                        <el-button
                            type="primary"
                            @click="confirmDialog"
                        >{{ $t('common.btn.confirm') }}</el-button>
                    </div>
                </el-col>
            </el-row>
        </el-dialog>
        <el-dialog
            :title="title"
            :visible.sync="showPrintDialog"
            width="40%"
            @close="resetPrintValidate()"
            :close-on-click-modal="false"
            :close-on-press-escape="false"
        >
            <el-form
                ref="printForm"
                :model="printForm"
                :rules="printRules"
                label-width="125px"
                label-position="right"
                size="mini"
                class="bg-white"
            >
                <el-row v-if="$t('graduationList.btn12') == title">
                    <el-col :span="16" :offset='1'>
                        <el-form-item label="打印类型:" prop="printType">
                            <el-select v-model="printForm.printType" @change="checkType" style="width: 100%">
                                <el-option
                                    v-for="item in mechineOptions.exportType"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="16" :offset='1' v-if="printForm.printType || $t('graduationList.exportInconsistentData') == title">
                        <el-form-item :label="$t('graduationList.graduationYear') + ':'" prop="graduationDate">
                            <el-date-picker
                                v-model="printForm.graduationDate"
                                type="year"
                                style="width:100%"
                                value-format="yyyy"
                                @change="printFormGraduationDateChange"
                                :placeholder="$t('graduationList.pleaseSelect')">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="16" :offset='1' v-if="printForm.printType">
                        <el-form-item :label="$t('label.college') + ':'" prop="faculty" >
                            <el-select
                                v-model="printForm.faculty"
                                style="width: 100%;"
                                clearable
                                filterable
                                :disabled="flag"
                                @change="getMajorOptions2"
                            >
                                <el-option
                                    v-for="item in mechineOptions.faculty"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="16" :offset='1' v-if="printForm.printType">
                        <el-form-item filterable :label="(printForm.printType == 2 || printForm.printType == 6) && $t('graduationList.trainingProfessional') || $t('graduationList.statusProfession') + ':'" prop="profession">
                            <el-select v-model="printForm.profession" @change="getShoolLength" style="width: 100%">
                                <!-- v-if="printForm.printType != 6" -->
                                <template>
                                    <el-option
                                    v-for="item in ministryEduOption"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                                </template>
                                <!-- <template v-else>
                                        <el-option
                                        v-for="item in mechineOptions.profession"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                    />
                                </template> -->
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="16" :offset='1' v-if=" printForm.printType && printForm.printType != 6">
                        <el-form-item filterable :label="$t('graduationList.schoolSystem') + ':'" prop="lengthSchooling">
                            <el-select v-model="printForm.lengthSchooling" style="width: 100%">
                                <el-option
                                    v-for="item in mechineOptions.lengthSchooling"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="16" :offset='1' v-if="printForm.printType || $t('graduationList.exportInconsistentData') == title">
                        <el-form-item :label="$t('graduationList.auditBatch') + ':'" prop="reviewBatch">
                            <el-select v-model="printForm.reviewBatch" style="width: 100%">
                                <el-option
                                    v-for="item in mechineOptions.reviewBatch"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <el-row>
                <el-col :span="24">
                    <div class="float-right">
                        <el-button @click="printCancelDialog">{{ $t('common.btn.cancel') }}</el-button>
                        <el-button
                            type="primary"
                            @click="printConfirmDialog"
                        >{{ $t('common.btn.confirm') }}</el-button>
                    </div>
                </el-col>
            </el-row>
        </el-dialog>
    </div>
</template>
<script>
import Bus from "common/src/utils/bus";
import UTILS from "common/src/utils/utils";
import { queryDic, findTrainingLevelByProjId } from "common/src/api/dictionary";
// import { findFaculty } from "common/src/api/faculty";
import {findBelongBigProfessionByFaculty} from 'common/src/api/culture/bachelor'
import {findAllGraduateReviewBatch,findGraduateList,saveOrSubmitCollegeAudit,setMachine,selectCurrentBatch,getRedisResult, printPdfInList, findFaculty, saveRemark} from 'common/src/api/graduationManagement/graduationList'
import { getPower } from "common/src/api/culture/culturePlan";
import manageApi from 'common/src/api/graduationManagement/graduationManage';
export default {
    name: "graduationQualificationAudit",
    data() {
        let currentYear = new Date().getFullYear();
        return {
            // 筛选相关选项
            queryForm: {
                isOverseas: "1",
                graduationDate: currentYear + '', 
                reviewBatch: "", 
                faculty: "", 
                profession: "", 
                machineConclusion:"",
                collegeAuditConclusion:"",
                submit:"",
                isConclusionConformity: "", 
                pageNum_: 1,
                pageSize_: 20,
                name:"",
                total: 0,
                directionCode: ''
            },
            fixed:true,
            studentAuditTip: '',
            // 下拉相关选项数据
            options: {
                graduationDate:[],
                reviewBatch: [],
                trainingLevel: [],
                professionCateGory: [],
                faculty: [],
                profession: [],
                collegeAuditConclusion: [],
                machineConclusion:[],
                direction: [],
                submit: [
                    {
                        value: "0",
                        label: this.$t("graduationList.unsubmitted")
                    },
                    {
                        value: "1",
                        label: this.$t("graduationList.submitted")
                    },
                    {
                        value: "2",
                        label: this.$t("graduationList.returned")
                    }
                ],
                isConclusionConformity: [
                    {
                        value: "1",
                        label: this.$t("graduationList.consistent")
                    },
                    {
                        value: "2",
                        label: this.$t("graduationList.inconsistent")
                    }
                ],
                lengthSchooling: [
                    {
                        value: "0.5",
                        label: "0.5"
                    },
                    {
                        value: "1",
                        label: "1"
                    },
                    {
                        value: "1.5",
                        label: "1.5"
                    },
                    {
                        value: "2",
                        label: "2"
                    },
                    {
                        value: "2.5",
                        label: "2.5"
                    },
                    {
                        value: "3",
                        label: "3"
                    },
                    {
                        value: "3.5",
                        label: "3.5"
                    },
                    {
                        value: "4",
                        label: "4"
                    },
                    {
                        value: "4.5",
                        label: "4.5"
                    },
                    {
                        value: "5",
                        label: "5"
                    },
                    {
                        value: "5.5",
                        label: "5.5"
                    },
                    {
                        value: "6",
                        label: "6"
                    },
                    {
                        value: "7",
                        label: "7"
                    },
                    {
                        value: "8",
                        label: "8"
                    }
                ],
                hskList: []
            },
            mechineRules: {
                graduationDate: [
                    {
                        required: true,
                        message: "请选择毕业年份",
                        trigger: "change"
                    }
                ],
                reviewBatch: [
                    {
                        required: true,
                        message: "请选择审核批次",
                        trigger: "change"
                    }
                ],
            },
            mechineForm: {
                isOverseas: "1",
                graduationDate: "", 
                reviewBatch: "", 
            },
            mechineOptions: {
                reviewBatch: [],
            },
            tableData: [],
            ids: [],
            role:'',
            studentNo:'',
            resultNo:'',
            preline:'preline',
            showCourseDialog:false,
            listBatch:'',
            rawData:[],
            showPrintDialog:false,
            printRules: {
                printType: [
                    {
                        required: true,
                        message: "请选择打印类型",
                        trigger: "change"
                    }
                ],
                graduationDate: [
                    {
                        required: true,
                        message: "请选择毕业年份",
                        trigger: "change"
                    }
                ],
                faculty: [
                    {
                        required: true,
                        message: "请选择学院",
                        trigger: "change"
                    }
                ],
                profession: [
                    {
                        required: true,
                        message: "请选择专业",
                        trigger: "change"
                    }
                ],
                reviewBatch: [
                    {
                        required: true,
                        message: "请选择审核批次",
                        trigger: "change"
                    }
                ],
            },
            printForm: {
                isOverseas: "1",
                printType:"",
                graduationDate: "", 
                reviewBatch: "", 
                faculty:"",
                profession:"",
                lengthSchooling:"",
            },
             mechineOptions: {
                faculty: [],
                reviewBatch: [],
                profession: [],
                exportTypeCopy:[],
                lengthSchooling: [],
                exportType:[
                    {
                        value: "0",
                        label: "毕业生预计名单"
                    },
                    {
                        value: "1",
                        label: "证书发放审批表"
                    },
                    {
                        value: "2",
                        label: "辅修证书发放审批表"
                    },
                    {
                        value: "3",
                        label: "证书发放名单"
                    },
                    {
                        value: "6",
                        label: "学生机审结果表"
                    },
                ],
            },
            ministryEduOption: []
        };
    },

    created() {
        this.getMajorOptions();
        this.getRole();
        this.getReviewBatch();
        //this.init();
    },
    methods: {
        init() {
            // let now = new Date();
            // let currentYear = now.getFullYear()
            // this.queryForm.graduationDate = `${currentYear}`;
            //绑定年级
            // let now = new Date();
            // let currentYear = now.getFullYear()+5,
            //     minYear = currentYear - 16;
            // for (let grade = currentYear; grade > minYear; grade--) {
            //     let obj = { label: grade, value: grade };
            //     this.options.graduationDate.push(obj);
            // }
            // this.queryForm["x-token"] =
            //     this.$store.state.session.sessionid ||
            //     localStorage.getItem("sessionid") ||
            //     "";
            this.initOptions();
        },
        initOptions() {
            this.getFacultyList('init')
            // findFaculty().then(res => { 
            //     let data = {"X_YX": res.data};
            //     UTILS.fillSelect({ faculty: "X_YX" }, data, this.options);
            //     this.mechineOptions.exportTypeCopy = _.clone(this.mechineOptions.exportType)
            //     if(this.role == 3){
            //         this.queryForm.faculty = this.options.faculty[0].value
            //         this.handleSearch();
            //         this.getMajorOptions();
            //         this.getListBatch();
            //     }
            // });
            this.mechineOptions.exportTypeCopy = _.clone(this.mechineOptions.exportType)
            const data = {
                lang: this.$store.getters.language || "cn",
                type: "allChild",
                keys: ["G_XBIE", "X_PYLB", "G_MZ", "X_XWLX", "X_BYJL", "K_HSK"]
            };
            queryDic(data).then(res => {
                if (res.code == 200) {
                    UTILS.fillSelect(
                        {
                            sex: "G_XBIE",
                            nation: "G_MZ",
                            trainingCategory: "X_PYLB",
                            collegeAuditConclusion: "X_BYJL",
                            machineConclusion: "X_BYJL",
                            hskList: "K_HSK"
                        },
                        res.data,
                        this.options
                    );
                }
            });
        },
        getFacultyList(type) {
            let param = {
                graduationDate: this.queryForm.graduationDate || '',
                isOverseas: this.queryForm.isOverseas
            };
            this.queryForm.faculty = '';
            this.getFaculty(this.options, param, type);
        },
        printFormGraduationDateChange() {
            this.getDialogFaculty();
            this.getReviewBatch2();
        },
        getDialogFaculty(){
            let param = {
                graduationDate: this.printForm.graduationDate || '',
                isOverseas: this.queryForm.isOverseas
            };
            if (this.printForm.printType != 2) {
                this.printForm.faculty = '';
            }
            this.getFaculty(this.mechineOptions, param);
        },
        getFaculty(options, param, type) {
            options = options || {};
            options.faculty = [];
            findFaculty(param).then(res => {
                let data = {
                    "X_YX": res.data
                };
                UTILS.fillSelect({
                    faculty: "X_YX"
                }, data, options);
                    if (this.role == 3 && type == "init") {
                        this.queryForm.faculty = this.options.faculty[0] && this.options.faculty[0].value;
                        this.handleSearch();
                        this.getMajorOptions();
                        this.getListBatch();
                    }
                });
        },
        initDirection() {
            this.options.direction = [];
            this.queryForm.directionCode = '';
            if (this.queryForm.profession) {
                let grade = this.professionMap && this.professionMap[this.queryForm.profession];
                if (!grade) return;
                let params = {
                    pageNum_: 1,
                    pageSize_: 20,
                    grade: grade + '',
                    professionCode: this.queryForm.profession
                };
                manageApi.findDirMaintenList(params).then(res => {
                    if (res && res.code === 200) {
                        let listData = res.data && res.data.list || [];
                        let options = [];
                        listData.forEach(item => {
                            if (item.code) {
                            options.push({
                                key: item.code,
                                value: item.code,
                                label: item.name
                            })
                            }
                        })
                        this.options.direction = options;
                    }
                })
            }
        },
        changeProfession() {
            this.initDirection();
        },
        getListBatch(){
            selectCurrentBatch({
                isOverseas: '1',
                grade: this.queryForm.graduationDate,
                college: this.queryForm.faculty
            })
            .then(res => {
                if (res.code == 200) {
                    if(res.data.length > 0){
                        this.listBatch = res.data[0].reviewBatchI18n
                    }else {
                        this.listBatch = '';
                    }
                }
            });
        },
        getReviewBatch(){
            this.options.reviewBatch = [];
            let batchs = [];
            findAllGraduateReviewBatch({
                isOverseas: '1',
                graduateData: this.queryForm.graduationDate
            })
            .then(res => {
                if (res.code == 200) {
                    batchs = res.data.list.map((item, index) => {
                        return {
                            label: item.reviewBatchI18n,
                            value: item.reviewBatch
                        }
                    })
                }
            }).finally(res =>{
                this.options.reviewBatch = [{
                    label: '全部',
                    value:  ''
                },
                {
                    label: '未审核',
                    value:  '0'
                },
                ...batchs]
            })
        },
        getReviewBatch2(){
            if(this.$t('graduationList.resetGraduationList') != this.title){
                this.mechineOptions.reviewBatch = [];
                this.mechineForm.reviewBatch = "";
                this.printForm.reviewBatch = "";
                let batchs = [];
                let noBathch = [{
                    label: '未审核',
                    value:  '0'
                }]
                findAllGraduateReviewBatch({
                    isOverseas: '1',
                    graduateData: this.mechineForm.graduationDate || this.printForm.graduationDate
                })
                .then(res => {
                    if (res.code == 200) {
                        batchs = res.data.list.map((item, index) => {
                            return {
                                label: item.reviewBatchI18n,
                                value: item.reviewBatch
                            }
                        })
                        if(this.printForm.printType && this.printForm.faculty){
                            this.getMajorOptions2()
                            //this.getShoolLength()
                        }
                        if(this.title == this.$t("graduationList.exportInconsistentData")){
                            noBathch = [];
                            this.printForm.reviewBatch = '6'
                        }
                    }
                }).finally(res =>{
                    this.mechineOptions.reviewBatch = [{
                        label: '全部',
                        value:  '6'
                    },
                    ...noBathch,
                    ...batchs]
            }); 
            }
        },
        getShoolLength() {
            this.mechineOptions.lengthSchooling = [];
            this.printForm.lengthSchooling = "";
            if (!this.printForm.profession) return;
            let  schoolSystem = this.lengthSchoolingMaps[this.printForm.profession];
            if (schoolSystem != '') {
                this.mechineOptions.lengthSchooling = [{
                    label: schoolSystem,
                    value: schoolSystem
                }]
                this.printForm.lengthSchooling = schoolSystem;
            }
            // if(this.printForm.faculty && this.printForm.profession && this.printForm.graduationDate){
            //     manageApi.getProfessionByGrade({
            //         faculty: this.printForm.faculty,
            //         profession: this.printForm.profession,
            //         graduateDate: this.printForm.graduationDate,
            //     })
            //     .then(res => {
            //         if (res.code == 200) {
            //             let data = res.data || [];
            //             if(data.length > 0){
            //                 let  lengthSchooling = data.filter(d => d.professionCateGory == this.printForm.profession)
            //                 this.mechineOptions.lengthSchooling = lengthSchooling.map((item, index) => {
            //                     return {
            //                         label: item.lengthSchooling,
            //                         value: item.lengthSchooling
            //                     }
            //                 })
            //                 this.printForm.lengthSchooling = this.mechineOptions.lengthSchooling[0].value;
            //             }
            //         }
            //     }); 
            // }
        },
        getRole() {
            getPower().then(res => {
                this.role = res.data.power;
                if(this.role == 4){
                    this.handleSearch();
                }
                this.init();
            });
        },
        handleSearch() {
            if (!this.queryForm.profession) {
                this.tableData = [];
                this.rawData = [];
                this.queryForm.pageNum_ = 1;
                this.queryForm.total = 0;
                this.studentNo = 0;
                this.resultNo = 0;
                this.studentAuditTip = '';
                return;
            }
            manageApi.getPreviewCount(this.queryForm).then(res =>{
                if (res && res.code === 200) {
                    let data = res.data || [];
                    let studentAuditTip = '';
                    data.forEach(item =>{
                        if (item.count != 0 && item.reviewBatchI18n) {
                            studentAuditTip += `${item.reviewBatchI18n}${this.$t('graduationList.hasAudited')} ${item.count} 人 `;
                        } 
                    })
                    this.studentAuditTip = studentAuditTip;
                }
            });
            findGraduateList(this.queryForm).then(res => {
                if (res.code == 200) {
                    this.tableData = res.data.list;
                    this.rawData = _.cloneDeep(res.data.list)
                    this.formatTableData(this.tableData)
                    this.queryForm.pageNum_ = res.data.pageNum_;
                    this.queryForm.pageSize_ = res.data.pageSize_;
                    this.queryForm.total = res.data.total_;
                    this.studentNo = res.data.total_
                    let resultNo = res.data.list.filter(tempItem => tempItem.isConclusionConformity == 2)
                    this.resultNo = res.msg || 0;
                }
            });
        },
        formatTableData(data) {
            data = data || [];
            let reg1 = /(;)?<br>$/g;
            let reg2 = /(;)?<br>;/g;
            data.forEach(item => {
                this.changeConcConformitySignNum(item);
                item.professionI18n = item.professionName || item.professionI18n;
                if (item.directionName) {
                    item.professionI18n &&  (item.professionI18n =  item.professionI18n + ` [${item.directionName}]`);
                }
                item.machineDetails = item.machineDetails && item.machineDetails.replace(reg1, '') || '';
                item.machineDetails = item.machineDetails.replace(reg2, ';<br>');
                item.machineRemark = item.machineRemark && item.machineRemark.replace(reg1, '') || '';
                item.machineRemark = item.machineRemark.replace(reg2, ';<br>');
            })
        },
        handleCurrentChange(val) {
            this.queryForm.pageNum_ = val.pageNum;
            this.queryForm.pageSize_ = val.pageSize;
            this.handleSearch();
        },
        selectionChange(selection) {
            const self = this;
            self.multipleSelection = selection;
        },
        getMajorOptions() {
            this.professionMap = {};
            this.options.profession = [];
            this.queryForm.profession = "";
            this.options.direction = [];
            this.queryForm.directionCode = '';
            manageApi.getProfessionByGrade({
                faculty: this.queryForm.faculty,
                graduateDate: this.queryForm.graduationDate,
            })
            .then(res => {
                if (res.code == 200) {
                    let data = res.data || [];
                    this.options.profession = data.map((item, index) => {
                        this.professionMap[item.professionCateGory] = item.grade;
                        return {
                            label: item.professionCateGoryName + '-' + item.professionCateGory,
                            value: item.professionCateGory
                        }
                    })
                }
            });
        },
        getMajorOptions2() {
            this.mechineOptions.profession = [];
            this.ministryEduOption = [];
            this.printForm.profession = "";
            this.lengthSchoolingMaps = {};
            this.getShoolLength();
            if (!this.printForm.graduationDate) {
                return;
            }
            let promiseFn;
            //辅修证书发放审批表及机审结果表单独处理
            if (this.printForm.printType == 2 || this.printForm.printType == 6) {
                promiseFn = manageApi.getProfessionByGrade({
                    faculty: this.printForm.faculty,
                    graduateDate: this.printForm.graduationDate,
                })
            }else {
                promiseFn =  manageApi.findStaProfessionList({
                    faculty: this.printForm.faculty,
                    graduationDate: this.printForm.graduationDate,
                    isOverseas: this.queryForm.isOverseas
                })
            }
            promiseFn.then(res => {
                if (res.code == 200) {
                    let data = res.data || [];
                    let ministryEduOption = [];
                    this.mechineOptions.profession = data.map((item, index) => {
                        this.lengthSchoolingMaps[item.professionCateGory] = item.lengthSchooling;
                        let label = item.professionCateGoryName + '-' + item.professionCateGory;
                        ministryEduOption.push({
                            label: item.professionCateGory === '03003' ?  label: (item.ministryEduCode ? (item.professionCateGoryName + '-' + item.ministryEduCode) : item.professionCateGoryName),
                            value: item.professionCateGory
                        })
                        return {
                            label,
                            value: item.professionCateGory
                        }
                    })
                    this.ministryEduOption = ministryEduOption;
                    if(this.flag){
                        this.printForm.profession = '03003'
                    }
                    this.getShoolLength()
                }
            });
        },
        onSubmit() {
            this.queryForm.pageNum_ = 1
            this.queryForm.pageSize_ = 20
            if(this.role == 3){
                this.getListBatch();
            }
            if (!this.queryForm.profession) {
                this.$message({
                    type: "warning",
                    message: this.$t('course.selectMajor')
                });
            }
            this.handleSearch();
        },
        reset(ref) {
            this.options.direction = [];
            if(this.role == 4){
                this.queryForm.name = "";
                this.queryForm.pageNum_ = 1
                this.queryForm.pageSize_ = 20
                this.$refs[ref].resetFields();
            }else{
                this.queryForm.name = "";
                this.queryForm.pageNum_ = 1
                this.queryForm.pageSize_ = 20
                this.$refs[ref].resetFields();
                this.queryForm.faculty = this.options.faculty[0].value;
                this.getListBatch();
            }
            this.getMajorOptions();
            this.handleSearch();
        },
        detailCultureScheme(id) {
            getCultureSchemeById(id).then(res => {
                if (res.code == 200) {
                }
            });
        },
        // 表格多选值
        handleSelectionChange(row) {
            this.ids = row

        },
        btnSet() {
            if(!this.queryForm.faculty){
                this.$message({
                    type: "warning",
                    message: "请先选择要设置机审的学院"
                });
                return; 
            }
            this.showCourseDialog = true;
        },
        btnSave() {
             if(!this.queryForm.faculty){
                this.$message({
                    type: "warning",
                    message: "请先选择要保存审核结论的学院"
                });
                return; 
            }
            let data = []
            this.rawData.forEach(d =>{
                this.tableData.forEach(f =>{
                    if(d.id == f.id){
                        if(
                        d.directedDegree != f.directedDegree || 
                        d.noBathch != f.noBathch || 
                        d.manualRemark != f.manualRemark || 
                        d.manualConclusion != f.manualConclusion || d.chineseProficiency != f.chineseProficiency
                        ){
                            let submit = "3";
                            if (!f.manualConclusion) {
                                submit = "0";
                            }
                            data.push({
                                isOverseas: "1",
                                submit: submit,
                                faculty: this.queryForm.faculty,
                                graduationDate: f.graduationDate,
                                id: f.id,
                                reviewAuthId: f.reviewAuthId,
                                manualRemark: f.manualRemark,
                                manualConclusion: f.manualConclusion,
                                collegeAuditConclusion: f.manualConclusion,
                                machineConclusion:f.machineConclusion,
                                noBathch: f.noBathch == 1?1:0,
                                directedDegree: f.directedDegree == 1?1:2,
                                chineseProficiency: f.chineseProficiency
                            })
                        }
                    }
                })
            })
			if (data.length == 0) {
                this.$message({
                    type: "success",
                    message: "保存成功"
                });
            }else{
                saveOrSubmitCollegeAudit(data).then(res => {
                    if (res.code === 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功'
                        })
                        this.handleSearch();
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        })
                    }
                });
            }
        },
        btnSubmit() {
            if(!this.queryForm.faculty){
                this.$message({
                    type: "warning",
                    message: "请先选择要提交审核结论的学院"
                });
                return; 
            }
            let param = {
                batchId: '',
                faculty: this.queryForm.faculty,
                graduationDate: this.queryForm.graduationDate,
                isOverseas: this.queryForm.isOverseas
            }
            if (this.role == 3) {
                selectCurrentBatch({
                    isOverseas: this.queryForm.isOverseas,
                    grade: this.queryForm.graduationDate,
                    college: this.queryForm.faculty
                })
                .then(res => {
                    if (res.code == 200) {
                        if (res.data.length > 0) {
                            param.batchId = res.data[0].reviewBatchId;
                        }
                    }
                }).finally(() => {
                    this.submitReviewConclusion(param);
                })
            }else {
                this.submitReviewConclusion(param);
            }  
        },
        submitReviewConclusion(param) {
            manageApi.submitReviewConclusion(param).then(res => {
                if (res.code === 200) {
                    this.$message({
                        type: 'success',
                        message: '提交成功'
                    })
                    this.handleSearch();
                }
            }).catch(error => {
                if(error && error.msg) {
                    this.$message({
                        type: 'error',
                        message: error.msg
                    })
                }
            })
        },
        exportFile(type) {
            // const ids = _.map(this.multipleSelection, "id");
            // if(ids.length==0){
            //     this.$message({
            //         type: "warning",
            //         message: "请勾选培养方案再导出数据"
            //     });
            //     return; 
            // }
            // const str = ids.join(",");
            // let data={
            //     ids:str,
            //     type :type,
            //     projId:this.queryForm.projId,
            //     status:this.queryForm.status
            // };
            // data['x-token']=this.queryForm['x-token'];
            // exportCultureSchemePdfOrWordZip(data);
        },
        radioChange(row){
            if(row.manualConclusion){
                row.noBathch = "";
                if (row.manualConclusion != 1) {
                    row.directedDegree = '';
                }
            }
            this.changeConcConformitySignNum(row);
        },
        changeConcConformitySignNum(row) {
            if (row.manualConclusion && row.machineConclusion) {
                if (row.manualConclusion == row.machineConclusion) {
                    row.isConclusionConformity = this.options.isConclusionConformity[0].value;
                    //row.insistConcConformitySignNum = 0; //一致  resultNo减少1
                }else {
                    row.isConclusionConformity = this.options.isConclusionConformity[1].value;
                    // if (row.insistConcConformitySignNum < 0) {
                    //     row.insistConcConformitySignNum = 0;
                    // }
                    // row.insistConcConformitySignNum++; 
                }
            }else {
                row.isConclusionConformity = "0";
                // if (row.insistConcConformitySignNum > 1) {
                //     row.insistConcConformitySignNum = 1;
                // }
                // row.insistConcConformitySignNum--;
            }
            // if (row.insistConcConformitySignNum == 1) {
            //     this.resultNo = Number(this.resultNo) + 1;
            // }else if (row.insistConcConformitySignNum == 0) {
            //     this.resultNo = Number(this.resultNo) - 1; 
            // }
            // if (this.resultNo < 0) {
            //     this.resultNo  = 0;
            // }
        },
        radioChange2(row){
            if(row.noBathch == 1){
                row.manualConclusion = "";
                row.directedDegree = '';
            }
            this.changeConcConformitySignNum(row);
        },
        resetRadio(row){
            row.manualConclusion = "";
            row.manualRemark = "";
            row.directedDegree = "";
            row.noBathch = "";
            this.changeConcConformitySignNum(row);
        },
        preview(row){
            this.$router.push({
                path: '/internationalGraduationManagement/internationGraduationQualificationAuditDetail',
                query: {
                    currentPath:this.$route.path,
                    studentId:row.studentId,
                    queryForm:this.queryForm
                }
            })
        },
        resetFormValidate() {
            // 清除表单校验
            this.$refs.mechineForm.resetFields();
            this.mechineOptions.reviewBatch = []
        },
        cancelDialog() {
            this.resetFormValidate();
            this.showCourseDialog = false;
        },
        confirmDialog() {
            this.$refs.mechineForm.validate(valid => {
                if (!valid) {
                    return;
                }
                let data = {
                    "reviewBatch": this.mechineForm.reviewBatch,
                    "graduationDate":this.mechineForm.graduationDate,
                    "isOverseas": "1",
                    "faculty": this.queryForm.faculty,
                };
                let sleep = ms => {
                    return new Promise(resolve => setTimeout(resolve, ms));
                };
                let loaded = false;
                let key = "";
                //重复发送请求，直到自动关联完成
                let delayRequest = async () => {
                    if (loaded) {
                        await sleep(5000);
                    } else {
                        loaded = true;
                    }
                    const loading = this.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(255, 255, 255, .48)"
                    });
                    getRedisResult(key).then(response => {
                        if (response.code == 200 && response.data.status) {
                            this.$message({
                                type: "success",
                                message: "设置成功"
                            });
                            this.showCourseDialog = false;
                            this.handleSearch()
                        }else {
                            this.$loading({
                                lock: true,
                                text: "Loading",
                                spinner: "el-icon-loading",
                                background: "rgba(255, 255, 255, .48)"
                            });
                            delayRequest();
                        }
                    })
                }
                setMachine(data).then(response => {
                    if (response.code === 200) {
                        key = response.data.key;
                        delayRequest();
                    }
                });
            })
        },
        print(name){
            if(name == 'print'){
                this.title = this.$t("graduationList.btn12")
                this.printForm.faculty = this.queryForm.faculty
                if(this.printForm.faculty == '000182'){
                    this.mechineOptions.exportType = this.mechineOptions.exportTypeCopy
                }else{
                    this.mechineOptions.exportType = this.mechineOptions.exportTypeCopy.filter(data => data.value !== '2')
                }
            }
            if(name == 'exportInconsistentData'){
                if(!this.queryForm.faculty){
                    this.$message({
                        type:'warning',
                        message:'请先筛选导出学院'
                    })
                    return 
                }else{
                    this.title = this.$t("graduationList.exportInconsistentData")
                    this.printForm.faculty = this.queryForm.faculty
                }
            }
            this.showPrintDialog = true;
        },
        resetPrintValidate() {
            // 清除表单校验
            this.$refs.printForm.resetFields();
            this.title = "";
            this.flag = false;
            this.mechineOptions.reviewBatch = []
        },
        printCancelDialog(){
            this.resetPrintValidate();
            this.showPrintDialog = false;
        },
        checkType(){
            if(this.printForm.printType == 2){
                this.flag = true;
                this.printForm.faculty = '000182'
                this.getDialogFaculty();
                this.getMajorOptions2()
            }else{
                this.flag = false;
                this.printForm.faculty = ''
                this.printForm.profession = ''
                this.printForm.graduationDate = ''
                this.printForm.reviewBatch = ''
                this.printForm.lengthSchooling = ''
                this.printForm.degreeType = ''
                this.ministryEduOption = [];
            }
        },
        printConfirmDialog(){
            this.$refs.printForm.validate(valid => {
                if (!valid) {
                    return;
                }
                let queryForm =_.cloneDeep(this.printForm);
                let data = _.cloneDeep(this.printForm)
                let queryParam = '';
                if(queryForm.reviewBatch == 6){
                    queryForm.reviewBatch = ''
                }
                if(data.reviewBatch == 6){
                    data.reviewBatch = ''
                }
                for (let key in queryForm) {
                    queryParam += `${key}=${queryForm[key]}&`;
                }
                switch (this.title) {
                    case this.$t("graduationList.exportInconsistentData"):
                        window.location.href = 
                        '/api/graduationservice/graduateList/exportConclusionConformit?' + queryParam
                        this.printCancelDialog()
                        break;

                    case this.$t("graduationList.btn12"):
                        this.beforePrint(queryForm, queryParam);
                        this.printCancelDialog();
                        break;
    
                }
            });    
        },
        async beforePrint(param, queryParam) {
            if (param.printType === "0" || param.printType == 1 || param.printType == 2 || param.printType == 4 || param.printType == 3) { // 1 2 4打印pdf
                if (param.printType == 3) {
                    queryParam = `fileType=1&${queryParam}`;
                }
                let {data} = await printPdfInList(queryParam);
                let url = `/api/studentservice/assessApply/previewPersonTitle?objectKey=${data}`;
                window.open(url);
            }else {
                window.location.href = '/api/graduationservice/graduateList/exportExcel?' + queryParam;
            }
        },
        cellClass ({row, column}){
            if (column.property != 'nameSpelling') {
                return 'preline'
            }
        },
        saveRemark(row) {
            let findItem = this.rawData.find(item => item.id == row.id);
            if (findItem){
                if (findItem.manualRemark != row.manualRemark){
                    let param = {
                        studentId: row.studentId,
                        remark: row.manualRemark
                    };
                    saveRemark(param).then(res => {
                        if (res.code === 200) {
                            this.$message({
                                type: 'success',
                                message: '保存成功'
                            })
                        } else {
                            row.manualRemark = '';
                        }
                    });
                }
            }
        }
    }
};
</script>
<style lang="scss" scoped>
.div-main {
    margin-bottom: 16px;
  }
.title-tips{
    margin-left: 8px;
    color: rgba(76, 92, 112, 0.850980392156863);
    font-size: 14px;
    font-weight: 300
}
.table-position{
    margin-top: -33px;
    p{
        font-size: 14px;
        color: #2B3B4E;
    }
    p + p{
        margin-top: 3px;
        font-size: 12px;
        color: rgba(76, 92, 112, 0.850980392156863);
    }
}
.title-dialog{
    position: absolute; 
    left: 110px;
    top:28px;
    font-size: 14px;
    color: rgba(76, 92, 112, 0.850980392156863);
}
.collage-content ::v-deep .el-table{
    .cell, th div{
        padding-left: 3px;
        padding-right: 3px;
    }
    .radio-bg {
        .el-radio__inner,.el-checkbox__inner {
            border-color: #000;
        }
    }
}
</style>

